.Header
{
	width:100%;
	height: 180px;
	font-family: sans-serif;
	background: #65a9d7;
   	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   	background: -o-linear-gradient(top, #3e779d, #65a9d7);
   	text-align: center;
}
#logo{
	margin-left:28.8%;
	width: 500px;
	color: #555;
	text-shadow: 0px 2px 3px #171717;
	font-size: 30px;
}
#logo h1{
    font-size: 100px;  
    margin: 0;  
    font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;  
    text-shadow: 2px 3px 3px #292929;  
    letter-spacing: -7px;  
    -webkit-text-stroke: 1px white;
    text-decoration: none;  
    color: #ffffff;  
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottombottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));  
    text-shadow: 0 2px 0 #e9e9e9;  
    -webkit-transition: all .3s;  
    -moz-transition: all .3s;  
    transition: all .3s;  
}

#logo h1:hover {  
    color: #C8C8C8;
    cursor:pointer;
}  
  
#logo h1:after {  
    color: #dbdbdb;
}

#logo h4{
	margin:0;	
}

input{ 
	padding: 5px; 
  	width: 50%; 
  	font: 100% arial; 
  	border: 1px solid #958C8C; 
  	color: #47433F;
}

input.texto {
	color:#666666;
	font-size:16px;
	height:20px;
	padding-left:5px;
	padding-top:5px;
	width:190px;
	font-family:arial,sans-serif;
}

select
{
	font-size:16px;
	font-family: arial;
	border: 1px solid #958C8C; 
	height:30px;
  	width: 200px;
}

label {
	display:block;
	font-family:arial,sans-serif;
	font-size:14px;
	padding:10px 0 3px;
	
}

input.botonenviar {
	border:medium none !important;
	background:#666666;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	height:30px;
	margin-top:20px;
	text-align:center;
	width:120px;
	line-height: 1;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	cursor: pointer;
}

input.botonenviar:hover {
   	border-top-color: #28597a;
   	background: #000;
   	color: #ccc;
}

#Contenido {
	padding:3% 0 2% 0;
	height:0 auto;
	-webkit-box-shadow: 3px 5px 10px 2px #000;
	-moz-box-shadow: 3px 5px 10px 2px #000;
	box-shadow: 3px 5px 10px 2px #000;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:5%;
}

.publicidad{
	display:block;
	height:20%;
	margin-top:5%;
}

.error-msg{
	border:solid 1px #CC0000;
	background:#ff9999;
	color:#CC0000;
	margin:5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	padding:4px;
	text-align:center;
}

.succ-msg{
	border:solid 1px #009900;
	background:#99ff99;
	color:#009900;
	margin:5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	padding:4px;
	text-align:center;
}

.error{
    background-color: #BC1010;
    padding: 6px 12px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    position: absolute;
}

.error:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 8px;
}